<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>上传</title>
    <link rel="stylesheet" href="/css/upBook/upBook.css">

    <script type="text/javascript" src="/js/jquery.min.js"></script>
    <link rel="stylesheet" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
    <link rel="stylesheet" href="/css/upBook/form.css" type="text/css">
    <link rel="stylesheet" href="/css/upBook/Dialog.css" type="text/css">

</head>
<body>
<div class="canvasDiv">
    <!--<div class="topimg">-->

    <!--</div>-->
    <div class="contentPost">
        <div class="leftMenu">





        </div>
        <div class="rightPost">
            <div class="tip"><h4>友情提示：有相应的简介、有参考价值的资料更容易通过审核</h4></div>

            <div class="form-div">
                <form method="post" action="/upload" enctype="multipart/form-data"  id="formSubFile" class="form" style="width: 793px;">
                    <div class="divlanguage">
                        <label >开发语言</label>
                        <div>
                            <div class="">
                                <input name="tlInput" id="tlInput" value="" class="" placeholder="请选择" autocomplete="off">
                            </div>
                            <ul class="showUlleft" id="listsShowUlleft" >
                                <li  th:each="lan:${lanList}"><a href='#'th:text="${lan.name}"></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="divlable">
                        <label>标签</label>
                        <div>
                            <div >
                                <input name="tlLableInput" id="tlLableInput" value=""  class="" placeholder="请选择" autocomplete="off">
                            </div>
                            <ul class="showUlright" id="listsShowUlright" >
                                <li th:each="frame:${frameList}"><a href='javascript:void(0)' th:text="${frame.name}"></a></li>
                            </ul>
                        </div>
                        <h class="iAnsImg">标签</h>
                        <!--<p class="pAnsImg">SpringBootAAA</p>-->
                    </div>


                    <div class="form-item">
                        <label class="form-label">标题</label>
                        <div class="input-block">
                            <input type="text" name="bookTitle" id="bookTitle" class="form-input" placeholder="请输入标题" autocomplete="off">
                        </div>
                    </div>

                    <div class="form-item">
                        <label class="form-label">简介</label>
                        <div class="input-block">
                            <textarea placeholder="请输入简介内容" id="bookDescTextArea" class="form-textarea"  spellcheck="false"></textarea>
                            <input type="text" hidden name="bookDesc" id="bookDesc" >
                        </div>
                    </div>
                    <div class="form-item divfile">
                        <!--文件选择-->
                        <a href="javascript:void(0)" class="file">
                            选择文件
                            <input type="file" class="" value="" name="file">
                        </a>
                        <p class="showFileName"></p>
                    </div>
                    <!--下载所需积分-->
                    <div class="form-item">
                        <label class="form-label ">下载积分</label>
                        <div class="input-inlineNumber">
                            <input type="text" class="form-input" name="bookCredit" id="creditInput" placeholder="默认：0" autocomplete="off">
                            <ul class="showUlnumber" id="">
                                <li><a href='javascript:void(0)'>0</a></li>
                                <li><a href='javascript:void(0)'>1</a></li>
                            </ul>
                        </div>
                        <div class="form-mid">等级越高，开放选择更多</div>
                    </div>
                    <!--提交-->
                    <div class="form-item">
                        <div class="input-block">
                            <button type="submit" id="subFile" class="form-btn">立即提交</button>
                            <button type="reset" class="form-btn form-btn-primary">重置</button>
                        </div>
                    </div>
                </form>
            </div>


        </div>
    </div>


    <!--<a href="download/file?fileName=BO20210720185524457_101avatar.png">点我下载</a>-->
</div>
<!--<div class="footder">-->
    <!--<footer th:replace="footer.html"></footer>-->
<!--</div>-->
</body>

<script type="text/javascript" src="/js/upBook/upBook.js"></script>
<script type="text/javascript" src="/js/upBook/form.js"></script>
<script type="text/javascript" src="/js/upBook/Dialog.js"></script>
</html>
